<template>
	<el-footer style='height:50px'>
		<div class="content">
				<span>Chris Li</span>
			<span> © {{year}} copyright.</span>
		</div>
	</el-footer>
</template>
<script>
	export default{
		name:'Foot',
		data(){
			return{
				year:2018
			}
		},
		methods:{
			getFullyear(){
				this.year = (new Date()).getFullYear()
			}
		},
		mounted() {
			this.getFullyear();
		}
	}
</script>
<style scoped>
	.content{
		text-align: center;
		color: #ccc;
	}
</style>